<div>
  <div data-dojo-attach-point="singleColorSection"></div>
  <div data-dojo-attach-point="colorSelect" class="restrict-select-width" data-dojo-type="dijit/form/Select" data-dojo-attach-event="change:_onColorSelectChanged" style="width:100%;height:30x;">
    <span data-dojo-value='c0'>
      <img  style="width:140px;height:20px;vertical-align: middle;margin-top: 1px;margin-bottom:1px;" src="${jimuUrl}/css/images/chart/c0.png" />
    </span>
    <span data-dojo-value='c1'>
      <img  style="width:140px;height:20px;vertical-align: middle;margin-top: 1px;margin-bottom:1px;" src="${jimuUrl}/css/images/chart/c1.png" />
    </span>
    <span data-dojo-value='c2'>
      <img  style="width:140px;height:20px;vertical-align: middle;margin-top: 1px;margin-bottom:1px;" src="${jimuUrl}/css/images/chart/c2.png" />
    </span>
    <span data-dojo-value='c3'>
      <img  style="width:140px;height:20px;vertical-align: middle;margin-top: 1px;margin-bottom:1px;" src="${jimuUrl}/css/images/chart/c3.png" />
    </span>
    <span data-dojo-value='c4'>
      <img  style="width:140px;height:20px;vertical-align: middle;margin-top: 1px;margin-bottom:1px;" src="${jimuUrl}/css/images/chart/c4.png" />
    </span>
    <span data-dojo-value='g1'>
      <img  style="width:140px;height:20px;vertical-align: middle;margin-top: 1px;margin-bottom:1px;" src="${jimuUrl}/css/images/chart/g1.png" />
    </span>
    <span data-dojo-value='g2'>
      <img  style="width:140px;height:20px;vertical-align: middle;margin-top: 1px;margin-bottom:1px;" src="${jimuUrl}/css/images/chart/g2.png" />
    </span>
    <span data-dojo-value='g3'>
      <img  style="width:140px;height:20px;vertical-align: middle;margin-top: 1px;margin-bottom:1px;" src="${jimuUrl}/css/images/chart/g3.png" />
    </span>
    <span data-dojo-value='g4'>
      <img  style="width:140px;height:20px;vertical-align: middle;margin-top: 1px;margin-bottom:1px;" src="${jimuUrl}/css/images/chart/g4.png" />
    </span>
    <span data-dojo-value='g5'>
      <img  style="width:140px;height:20px;vertical-align: middle;margin-top: 1px;margin-bottom:1px;" src="${jimuUrl}/css/images/chart/g5.png" />
    </span>
    <span data-dojo-value='g6'>
      <img  style="width:140px;height:20px;vertical-align: middle;margin-top: 1px;margin-bottom:1px;" src="${jimuUrl}/css/images/chart/g6.png" />
    </span>
    <span data-dojo-value='g7'>
      <img  style="width:140px;height:20px;vertical-align: middle;margin-top: 1px;margin-bottom:1px;" src="${jimuUrl}/css/images/chart/g7.png" />
    </span>
    <span data-dojo-value='g8'>
      <img  style="width:140px;height:20px;vertical-align: middle;margin-top: 1px;margin-bottom:1px;" src="${jimuUrl}/css/images/chart/g8.png" />
    </span>
    <span data-dojo-value='g9'>
      <img  style="width:140px;height:20px;vertical-align: middle;margin-top: 1px;margin-bottom:1px;" src="${jimuUrl}/css/images/chart/g9.png" />
    </span>
    <span data-dojo-value='g10'>
      <img  style="width:140px;height:20px;vertical-align: middle;margin-top: 1px;margin-bottom:1px;" src="${jimuUrl}/css/images/chart/g10.png" />
    </span>
    <span data-dojo-value='g11'>
      <img  style="width:140px;height:20px;vertical-align: middle;margin-top: 1px;margin-bottom:1px;" src="${jimuUrl}/css/images/chart/g11.png" />
    </span>
    <span data-dojo-value='g12'>
      <img  style="width:140px;height:20px;vertical-align: middle;margin-top: 1px;margin-bottom:1px;" src="${jimuUrl}/css/images/chart/g12.png" />
    </span>
  </div>
</div>